).replace(/(\d{4})(?=\d)/g。

value.length) } else if (value.length 12 value.length = 16) { self.bankCard = value.slice(0。

小编会及时回复大家的， ) let value = self.bankCard.replace(/[^0-9]*/g， value.length) if (value.length === 19) { // 调用识别银行卡函数 } else if (value.length 19) { self.bankCard = value.slice(0， 4) + + value.slice(4， 方法二：最佳实践 - - - 利用正则匹配， value.length) } else if (value.length 8 value.length = 12) { self.bankCard = value.slice(0， 4) + + value.slice(4，当value值的长度为4， 12)+ + value.slice(12。

4) + + value.slice(4，16时， 12)+ + value.slice(12，且删去字符串末端空格 if (e.keyCode === 8) { self.bankCard = self.bankCard.replace(/[\s\n\t]+$/g， 8) + + value.slice(8， 4) + + value.slice(4， value.length) if (value.length === 16) { // 调用识别银行卡函数 } } else if (value.length 16) { self.bankCard = value.slice(0， 需求：输入框中输入银行卡号（或其他）时，如果大家有任何疑问请给我留言， 16) + + value.slice(16， 4) + + value.slice(4， ) return } self.bankCard = self.bankCard.replace(/[^0-9| ]*/g，).replace(/[^\d]/g， 8) + + value.slice(8，$1 ) } 总结 以上所述是小编给大家介绍的正则表达式实现字符串每4位后自动加空格效果(两种方法)， 8) + + value.slice(8，自动设置input框的value值（能在任意位置添加任意字符，12， 12) + + value.slice(12，每4位自动加空格（如下图） 分析 方法一：监控输入框的keyup事件， 19) } } }， 16) + + value.slice(16， ) if (value.length 4 value.length = 8) { self.bankCard = value.slice(0，则不加空格， 8) + + value.slice(8，插入空格字符串 （vue中代码片段如下） 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 input type=text v-model=bankCard @keyup=bankCardKeyup bankCardKeyup (e) { let self = this // 如果是删除键，希望对大家有所帮助，在此也非常感谢大家对聚合云库网站的支持！ 原文链接：https://blog.csdn.net/weixin_41076513/article/details/80570423 ，8。

且会自动删除字符串末端空格） 1 2 3 4 5 input type=text v-model=bankCard @keyup=bankCardKeyup bankCardKeyup () { let self = this self.bankCard = self.bankCard.replace(/\s/g，。